<template>
    <div>
        <setHeader title="智能海报"></setHeader>
        <div class="pagecontent" style="background-color: #fff;">
             <!--海报图片 -->
            <div class="main_poster_img">
                <img src="../common/images/tx2.jpg" alt="">
            </div>
             <!-- 下载/分享按钮  -->
            <div class="main_poster_save_btn">
                <a href="../common/images/tx2.jpg" download="poster">下载图片</a>
                <button>分享</button>
            </div>
        </div>
    </div>
</template>

<script>
import setHeader from '../public/setHeader.vue';
    export default {
        data() {
            return {
                
            }
        },
        components: {
            setHeader
        }
    }
</script>

<style>
/* 海报图片 */
.main_poster_img {
    width: 7.1rem;
    margin: 0.2rem auto;
}
.main_poster_img img {
    width: 100%;
}

/* 下载/分享按钮 */
.main_poster_save_btn {
    position: fixed;
    bottom: 0.74rem;
    left: 4%;
    right: 4%;
}
.main_poster_save_btn a {
    width: 2.76rem;
    height: 0.8rem;
    background-color: #e50838;
    border-radius: 4px;
    color: #fff !important;
    font-size: 0.28rem;
    display: inline-block;
    line-height: 0.8rem;
    text-align: center;
    margin-right: 1rem;
}
.main_poster_save_btn button {
    width: 2.76rem;
    height: 0.8rem;
    background-color: #e50838;
    border-radius: 4px;
    color: #fff;
    font-size: 0.28rem;
}
</style>